<!DOCTYPE html>
<html>
<head>
    <title>Bookmark Manager</title>
    <link rel="stylesheet" href="popup.css">
</head>
<body>
<div class="container">
    <div class="panel_top sh-broder">
        <span>书签管理</span>
		<button id="randm_play_btn">随机播放</button>
		<button id="open_play_btn">新页面</button>
        <input type="text" list="historyList" name="" id="code-search" style="margin-left: 20px;">
		<button id="clear-search-btn" >X</button>
        <datalist id="historyList"></datalist>
        <input type="number" id="col-num" value="1" min="1" max="3" style="margin-left: 20px; width: 60px;">
        <button id="last-items">上一次内容</button>
        <button id="add_bookmark">添加收藏</button>
    </div>
    <div class="panel_main">
        <div class="sidebar">
            <div class="folder-tree sh-broder"></div>
            <div class="file-list sh-broder"></div>
        </div>
        <div class="preview sh-broder">
            <div class="tabs">
                <div class="tab-button" data-tab="tab1">预览图</div>
                <div class="tab-button" data-tab="tab2">空缺中</div>
            </div>
            <div class="tab-content" id="tab1">
                <img id="pre-img"/>
                <div class="preview-img-div" id="one-img"></div>
            </div>
            <div class="tab-content" id="tab2" style="display: none;">
                <div class="preview-img-div" id="long-img"></div>
            </div>


        </div>
    </div>

</div>
<script src="popup.js"></script>
</body>
</html>